'use client';
import {memo} from 'react';
import {json} from '@codemirror/lang-json';
import {basicLight} from '@uiw/codemirror-theme-basic';
import CodeMirror, {ReactCodeMirrorProps} from '@uiw/react-codemirror';


const CodeMirrorItem = memo(function CodeMirrorItem (props: ReactCodeMirrorProps) {
    return <CodeMirror
        {...props}
        extensions={[json()]}
        style={{minHeight: '100%'}}
        theme={basicLight}
    />;
});

export default CodeMirrorItem;
